<template>
	<view>
		<view class="step">
			<Dsteps :titles="titles" :isActive="4"></Dsteps>
		</view>
		<view class="form clearfix">
			<view class="form-fa">
				<view class="content">
					<image src="../../static/images/qian_yue_suc.png" mode=""></image>
					<view>恭喜你完成电子签约</view>
				</view>
			</view>
			
		</view>
		<view style="margin: 380rpx 0;" @click="toCenter">
			<Dbutton :btnTxt="btnTxt"></Dbutton>
		</view>
	</view>
</template>

<script>
	import Dsteps from '../../components/steps.vue'
	import Dbutton from '../../components/button.vue'
	export default {
		data() {
			return {
				titles: [
					{
						id: 1,
						name: '机构签署'
					},
					{
						id: 2,
						name: '客户签署'
					},
					{
						id: 3,
						name: '支付费用'
					},
					{
						id: 4,
						name: '签约完成'
					},
				],
				btnTxt: '前往签约列表',
				id: ''
			}
		},
		components: {
			Dsteps,
			Dbutton
		},
		computed: {
			
		},
		onLoad(option) {
			this.id = option.id
		},
		methods: {
			toCenter() {
				// window.location.href = 'https://mobile.laiba.shop/html/#/pages/user/user'
				uni.navigateTo({
					url: `../service/customerSignList?id=${this.id}`
				})
			}
		},
	}
</script>

<style lang="scss">
	.step {
		height: 300rpx;
		background-color: #fedb0d;
	}
	.padd {
		padding: 10rpx 0 0 7rpx;
	}
	/* 清除浮动 */
	.clearfix:before,.clearfix:after{content:"";display:table}
	.clearfix:after{clear:both;}
	.clearfix{zoom:1}
	.uni-input-placeholder {
		color: #999 !important;
		font-size: 30rpx;
	}
	.form {
		position: relative;
		margin: 0 30rpx;
		.form-fa {
			box-sizing: border-box;
			width: 690rpx;
			height: 400rpx;
			background-color: #fff;
			box-shadow: 0 8rpx 68rpx 0 rgba(0, 0, 0, 0.1);
			border-radius: 2rpx;
			position: absolute;
			left: 0;
			top: -80rpx;
			padding: 0 20rpx;
			.content {
				text-align: center;
				padding-top: 100rpx;
				image {
					width: 137rpx;
					height: 128rpx;
				}
				view {
					color: #4c4c4c;
					font-size: 30rpx;
					margin-top: 10rpx;
				}
			}
		}
		
		
		
	}
	
</style>
